@charset "utf-8";
/* CSS Document */


#list #side-bar {
	width:270px;
	float:left;
}
#list #side-bar .side-title {
	height: 30px;
	line-height: 29px;
	padding: 0 0px;
	background: #F3F3F3;
	border: solid #DDD;
	border-radius: 5px 5px 0 0;
	border-width: 1px 1px 0;
}
#list #side-bar .side-title h2 {
	margin-left:10px;
}
#list #side-bar .side-content {
	border: solid #DDD;
	border-width: 0 1px 1px;
	padding: 10px 5px;
}
#list #side-bar .side-content .items {
	margin:auto;
	text-align:center;
}
#list #side-bar .side-content .items .item {
	margin-bottom:10px;
}
#list #side-bar .side-content .items .item .pic {
	margin-bottom:10px;
}
#list #side-bar .side-content .items .item .desc {
	position: relative;
	top: 0px;
	text-align: center;
}
#list #side-bar .side-content .items .item .desc strong {
	color:#C00;
}
#list #right-area {
	width:800px;
	float:right;
}
#list #sub-category {
	width:100%;
	height:30px;
	border-bottom: 1px solid #DDD;
}
#list #sub-category ul {
	width:100%;
	height:30px;
	line-height:30px;
}
#list #sub-category ul li {
	float:left;
	width:80px;
	height:100%;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-left:5px;
}
#list #sub-category ul li.curr {
	background: red;
}
#list #sub-category ul li.curr a {
	color:#fff;
}
#list #sub-category ul li:hover {
	background: red;
}
#list #sub-category ul li:hover a {
	color:#fff;
}
#list #sub-items {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align:center;
	top:5px;
}
#list #sub-items ul {
	width: 100%;
}
#list #sub-items ul li {
	position: relative;
	width: 198px;
	height: 215px;
	float: left;
}
.ju-pagination {
	font-weight: 700;
	color: #999;
	margin-top:10px;
	float:right;
	background-color: #F7F7F7;
	margin-right:20px;
}
.ju-pagination a, .page-info, .ju-pagination .page-prev, .ju-pagination .page-cur, .ju-pagination .page-start, .ju-pagination .page-end, .page-break {
	float: left;
}
.ju-pagination .page-prev, .ju-pagination .page-start {
	border-right: none;
}
.ju-pagination .page-start, .ju-pagination .page-prev {
	border: 1px solid #E5E5E5;
	width: auto;
}
.ju-pagination a, .page-info, .page-prev, .page-start, .page-cur, .page-end {
	height: 28px;
	padding: 10px 14px 0!important;
	margin-right: 0!important;
	background-image: none!important;
}
.page-start {
	width: 20px;
	padding: 0!important;
	background-position: 7px -217px;
}
.page-start, .pagination a, .page-end {
	padding: 0 5px;
	border: solid 1px #CCC;
}
.pagination a, .page-info, .page-prev, .page-cur, .page-start, .page-end, .page-break, .page-skip {
	float: left;
	height: 18px;
	margin: 0 3px 0 0;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	line-height: 18px;
	font-family: Tahoma, SimSun, Arial;
}
.ju-pagination a, .page-info, .page-prev, .page-start, .page-cur, .page-end {
	height: 28px;
	padding: 10px 14px 0!important;
	margin-right: 0!important;
	background-image: none!important;
}
.ju-pagination .page-cur {
	background-color: #EFEFEF;
	border: 1px solid #E5E5E5;
	border-right: none;
	color: #999;
}
.ju-pagination .page-bottom a {
	border: 1px solid #E5E5E5;
	border-right:none;
}
